<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
<style type="text/css"><!--
p.MsoNormal {margin:0cm;
margin-bottom:.0001pt;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;}
.style1 {color: #FF0000}
-->
</style>
<style type="text/css">
<!--
table.MsoNormalTable {
font-size:10.0pt;
font-family:"Times New Roman";
}
-->
</style>
</head>

<body>
<p class="MsoNormal" style="background:white;"><span class="MsoNormal" style="background:white;"><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></span></p>
<p class="MsoNormal" style="margin-top:28.1pt;line-height:12.0pt;background:white;"><strong><span style="font-size:12.0pt; ">Ponto de verifica</span></strong><strong><span style="font-size:12.0pt; ">&ccedil;&atilde;</span></strong><strong><span style="font-size:12.0pt; ">o 6.1</span></strong></p>
<p class="MsoNormal" style="margin-left:28.3pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">Organizar os  documentos de tal forma que possam ser lidos sem recurso em folhas de estilo.  Por exemplo, se um documento em HTML for reproduzido sem as folhas de estilo  que lhe est</span><span style="font-size:12.0pt; ">&atilde;</span><span style="font-size:12.0pt; ">o associadas, deve continuar a ser poss</span><span style="font-size:12.0pt; ">&iacute;</span><span style="font-size:12.0pt; ">vel l</span><span style="font-size:12.0pt; ">&ecirc;</span><span style="font-size:12.0pt; ">-lo.</span></p>
<p class="MsoNormal" style="margin-top:9.6pt;background:white;"><strong><span style="letter-spacing:-.1pt; font-size:12.0pt; ">Exemplo:</span></strong></p>
<p class="MsoNormal" style="margin-top:10.1pt;line-height:28.8pt;background:white;"><span style="font-family:'Times New Roman'; font-size:19.0pt; color:red; ">Imagina&ccedil;&atilde;o &eacute; mais</span><span style="color:red; "> </span></p>
<p class="MsoNormal" style="margin-left:108.0pt;line-height:28.8pt;background:white;"><span style="letter-spacing:-.3pt; font-family:'Times New Roman'; font-size:19.0pt; ">importante</span></p>
<p class="MsoNormal" style="margin-left:180.0pt;line-height:28.8pt;background:white;"><span style="font-family:'Times New Roman'; font-size:24.0pt; color:blue; ">que intelig&ecirc;ncia</span><span style="color:blue; "> </span></p>
<p class="MsoNormal" style="margin-left:324.0pt;line-height:28.8pt;background:white;"><em><span style="font-family:'Times New Roman'; font-size:19.0pt; color:#339966; ">Albert Einstein</span></em><span style="color:#339966; "> </span></p>
<p class="MsoNormal" style="margin-top:18.7pt;margin-right:24.95pt;margin-bottom:.0001pt;margin-left:0cm;line-height:12.0pt;background:white;"><span style="letter-spacing:-.05pt; font-size:12.0pt; ">Este  exemplo usa os atributos de estilo para especificar o posicionamento vertical e </span><span style="font-size:12.0pt; ">horizontal:</span></p>
<p class="MsoNormal" style="margin-top:11.3pt;margin-right:349.45pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.35pt; font-family:'Courier New'; ">&lt;style type=</span></strong><strong><span style="font-family:'Courier New'; ">&rdquo;</span></strong><strong><span style="font-family:'Courier New'; ">text/css</span></strong><strong><span style="font-family:'Courier New'; ">&rdquo;</span></strong><strong><span style="font-family:'Courier New'; ">&gt; </span></strong><strong><span style="font-family:'Courier New'; ">&lt;!--</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.25pt; font-family:'Courier New'; ">.parte1 /* Imagina</span></strong><strong><span style="font-family:'Courier New'; ">&ccedil;&atilde;</span></strong><strong><span style="font-family:'Courier New'; ">o </span></strong><strong><span style="font-family:'Courier New'; ">&eacute;</span></strong><strong><span style="font-family:'Courier New'; "> mais */</span></strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">{ padding-left: 0; margin-top:  10px; color: red; font-size: 18pt; font-family: times</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">new roman }</span></strong> </p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte2 /* importante */</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">{padding-left: 100px;  margin-top: 40px;color: black; font-size: 14pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte3 /* que intelig</span></strong><strong><span style="font-family:'Courier New'; ">&ecirc;</span></strong><strong><span style="font-family:'Courier New'; ">ncia */</span></strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">{ padding-left: 200px;  margin-top: 70px; color: blue; font-size: 20pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong> </p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte4 /* Albert Einstein */</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.3pt; font-family:'Courier New'; ">{ padding-left: 350px;  margin-top: 100px; color: green; font-size: 16pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:424.3pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">--&gt; <span style="letter-spacing:-.35pt; ">&lt;/style&gt;</span></span></strong></p>
<p class="MsoNormal" style="margin-top:22.1pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">Ao  deixar os comandos de estilo formatarem o seu texto na tela, pode ordenar o  conte</span><span style="font-size:12.0pt; ">&uacute;</span><span style="font-size:12.0pt; ">do </span><span style="font-size:12.0pt; ">em HTML de forma l</span><span style="font-size:12.0pt; ">&oacute;</span><span style="font-size:12.0pt; ">gica, como se segue:</span></p>
<p class="MsoNormal" style="margin-top:11.3pt;margin-right:123.0pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">&lt;div class=&rdquo;parte1&rdquo;&gt;Imagina</span></strong><strong><span style="font-family:'Courier New'; ">&ccedil;&atilde;</span></strong><strong><span style="font-family:'Courier New'; ">o </span></strong><strong><span style="font-family:'Courier New'; ">&eacute;</span></strong><strong><span style="font-family:'Courier New'; "> mais&lt;/div&gt; <br />
  </span></strong><strong><span style="font-family:'Courier New'; ">&lt;div  class=&rdquo;parte2&rdquo;&gt;importante&lt;/div&gt; <br />
  &lt;div class=&rdquo;parte3&rdquo;&gt;que intelig</span></strong><strong><span style="font-family:'Courier New'; ">&ecirc;</span></strong><strong><span style="font-family:'Courier New'; ">ncia&lt;/div&gt; <br />
  &lt;div class=&rdquo;parte4&rdquo;&gt;Albert Einstein&lt;/div&gt;</span></strong></p>
<p class="MsoNormal" style="margin-top:7.9pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">E  por isso, se as folhas de estilo estiverem desativadas ou n</span><span style="font-size:12.0pt; ">&atilde;</span><span style="font-size:12.0pt; ">o sejam  suportadas pelo seu </span><span style="font-size:12.0pt; ">navegador, ler</span><span style="font-size:12.0pt; ">&aacute;</span><span style="font-size:12.0pt; "> o seguinte:</span></p>
<p class="MsoNormal" style="margin-top:9.85pt;margin-right:349.45pt;margin-bottom:.0001pt;margin-left:28.3pt;line-height:11.05pt;background:white;"><span style="letter-spacing:-.2pt; font-size:11.0pt; ">Imagina</span><span style="font-size:11.0pt; ">&ccedil;&atilde;</span><span style="font-size:11.0pt; ">o </span><span style="font-size:11.0pt; ">&eacute;</span><span style="font-size:11.0pt; "> mais </span><span style="font-size:11.0pt; ">importante <span style="letter-spacing:-.1pt; ">que  intelig</span></span><span style="letter-spacing:-.1pt; font-size:11.0pt; ">&ecirc;</span><span style="font-size:11.0pt; ">ncia </span><span style="letter-spacing:-.15pt; font-size:11.0pt; ">Albert  Einstein</span></p>
<span style="letter-spacing:-.05pt; font-family:Arial; font-size:12.0pt; "><br clear="all" style="page-break-before:always;" />
</span>
<p class="MsoNormal" style="margin-top:47.75pt;background:white;">&nbsp;</p>
</body>
</html>
